"http://css3generator.com/ » The drop-down list says "Choose Something". Choices include: shadows, transitions, even transform and @font-face! It has an option for border-radius, but if that's the only thing you need, there's the quick and dirty:
http://border-radius.com/ » Super simple, uber-easy-to-use, just does border-radius. What more can I say?
http://www.colorzilla.com/gradient-editor/ » Sleek, Photoshop-like gradient editor that spits out cross-browser CSS. Fancy - with live preview and the like. Resist the urge to add gradients to everything you do.
http://www.cssbuttongenerator.com/ » Comes with some nice default palettes, but fully customizable with your own color values. Sleek color-picker and sliders to make it how you want it, plus a link to a more advanced button generator. I've definitely been making more buttons since this baby came online :)"
The CSS3 border-radius property allows web developers to easily create rounded corners in their design elements. This property is supported by the major browsers: Firefox, Internet Explorer, Safari, Opera, and Chrome. Using CSS3 you no longer ...
The CSS3 border-radius property allows web developers to easily create rounded corners in their design elements. This property is supported by the major browsers: Firefox, Internet Explorer, Safari, Opera, and Chrome. Using CSS3 you no longer ...
The CSS3 border-radius property allows web developers to easily create rounded corners in their design elements. This property is supported by the major browsers: Firefox, Internet Explorer, Safari, Opera, and Chrome. Using CSS3 you no longer ...
As a web community, we've made a lot of exciting progress in regards to CSS3. We've put properties like text-shadow & border-radius to good use while stepping into @font-face (not a CSS3-property) and visual effects like transitions and animations. We've also spent a great deal of time debating how and when to implement these properties. Just because a property isn't widely supported by browsers or fully documented at the moment, it doesn't mean that we shouldn't be working with it. In fact, I'd argue the opposite.
The tabs in this demo are image-less tabs
with 4 different CSS3 enhancements:
Rounded Corners (border-radius)
Box Shadow (bottom of inactive tabs)
Transitions (the glow on hover)
Gradients (the active tab)
The Crunchie Corner Lab is a simple tool that allows you to see how a variety of different borders, colors, shadows and radius values affect the display of your fancy CSS3 rounded corners. Just change the field values below to start experimenting.